/* color */
$color-white: #fff;
/* $color-base: #090613; */
$color-base: #080817;
$color-dark0: #1d233b;
$color-dark1: #242943;
$color-dark2: #282e4b;
$color-dark3: #2c3254;
$color-dark4: #3e4879;

$color-light1: #e8ecff;
$color-light2: #333230;
$color-light3: #E9E9EB;
$color-light4: #49527f;

$color-primary: #215EE8;
$color-warning: #ff6a47;
$color-success: #00cf83;
$color-danger: #ff444f;
$color-info: #999;

/* 文字颜色 */
$color-text-regular: #b3ada4;
$color-text-primary: #A7AEB6;
$color-text-secondary: #807c78;
$color-text-placeholder: #EAEFF2;

/* 图表颜色 */
$chart-color1: #215EE8;
$chart-color2: #4FD8DF;
$chart-color3: #FDB000;
$chart-color4: #24B899;
$chart-color5: #6565DE;
$a: #83c240;

$border-color-base: $color-light2;
$border-color-light: $color-light1;

$background-color-base: $color-base;
$background-color-light: $color-light3;

/* 字体大小、行高 */
$font-size-large: 24px;
$font-size-medium: 16px;
$font-size-base: 14px;
$font-size-small: 12px;

$font-line-height-loose: 1.7;
$font-line-height-normal: 1.5;
$font-line-height-tight: 1.3;

/* layout */
$nav-bar-height: 50px;
$tags-view-height: 34px;

$side-bar-width: 210px;
$side-bar-min-width: 54px;

$menu-bg: transparent;
$menu-hover: transparent;
$sub-menu-bg: transparent;
$sub-menu-hover: transparent;

$menu-text: $color-text-secondary;
$menu-active-text: #c0ae92;
$sub-menu-active-text: #c0ae92;

/* 页面左右间距 */
$page-side-padding: 100px;
/* 页面上下间距 */
$page-top-padding: 85px;

/* 图表配色 */
$chart-globe-bg: $background-color-base;

/* exports color */
:export {
  nav-bar-height: $nav-bar-height;
  tags-view-height: $tags-view-height;
  side-bar-width: $side-bar-width;
  side-bar-min-width: $side-bar-min-width;
  menu-bg: $menu-bg;
  menu-hover: $menu-hover;
  sub-menu-bg: $sub-menu-bg;
  sub-menu-hover: $sub-menu-hover;
  menu-text: $menu-text;
  menu-active-text: $menu-active-text;
  sub-menu-active-text: $sub-menu-active-text;

  color-primary: $color-primary;
  color-warning: $color-warning;
  color-success: $color-success;
  color-danger: $color-danger;
  color-info: $color-info;

  background-color-base: $background-color-base;
  background-color-light: $background-color-light;

  color-text-regular: $color-text-regular;
  color-text-primary: $color-text-primary;
  color-text-secondary: $color-text-secondary;
  color-text-placeholder: $color-text-placeholder;

  /* 图表配色 */
  chart-globe-bg: $chart-globe-bg;
  chart-color1: $chart-color1;
  chart-color2: $chart-color2;
  chart-color3: $chart-color3;
  chart-color4: $chart-color4;
  chart-color5: $chart-color5;
}
